<!DOCTYPE html>
<html lang="en">

<!-- Code Custom Developed in 2017 by: 
  _____                     __  __    _____      _ _ _           
 |  __ \                   |  \/  |  / ____|    | | (_)          
 | |__) |   _  __ _ _ __   | \  / | | |     ___ | | |_ _ __  ___ 
 |  _  / | | |/ _` | '_ \  | |\/| | | |    / _ \| | | | '_ \/ __|
 | | \ \ |_| | (_| | | | | | |  | | | |___| (_) | | | | | | \__ \
 |_|  \_\__, |\__,_|_| |_| |_|  |_|  \_____\___/|_|_|_|_| |_|___/
         __/ |                                                   
        |___/ 
                                                                            _ _ _                                
                           ____                                            | | (_)                               
  _ __ _   _  __ _ _ __   / __ \ _ __ _   _  __ _ _ __  _ __ ___   ___ ___ | | |_ _ __  ___   ___ ___  _ __ ___  
 | '__| | | |/ _` | '_ \ / / _` | '__| | | |/ _` | '_ \| '_ ` _ \ / __/ _ \| | | | '_ \/ __| / __/ _ \| '_ ` _ \ 
 | |  | |_| | (_| | | | | | (_| | |  | |_| | (_| | | | | | | | | | (_| (_) | | | | | | \__ \| (_| (_) | | | | | |
 |_|   \__, |\__,_|_| |_|\ \__,_|_|   \__, |\__,_|_| |_|_| |_| |_|\___\___/|_|_|_|_| |_|___(_)___\___/|_| |_| |_|
        __/ |             \____/       __/ |                                                                     
       |___/                          |___/                                                                      
 
 --->
	<head>
		
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="css/style.css" />
		
		<link rel="canonical" href="/index.html" />
		
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<meta name="author" content="Ryan M. Collins" />
		<meta name="copyright" content="Ryan M. Collins" />
		<meta name="description" content="Perfect Webchat Demo" />
		<meta name="keywords" content="Perfect Server, Webchat, Chat, Websockets, Sockets, Demo" />
		
		<title>Perfect Notification Launcher</title>
		
		<!-- Apple & Icons -->
		<meta name="apple-mobile-web-app-capable" content="yes">
<!--
		<link rel="apple-touch-startup-image" href="/img/startup.png">
		<link rel="shortcut icon" href="/img/Icon-Small-60.png">
		<link rel="apple-touch-icon" href="/img/Icon-Small-60.png">
		<link rel="apple-touch-icon" sizes="76x76" href="/img/Icon-76.png">
		<link rel="apple-touch-icon" sizes="120x120" href="/img/Icon-60@2x.png">
		<link rel="apple-touch-icon" sizes="152x152" href="/img/Icon-76@2x.png">
		<link rel="apple-touch-icon" sizes="167x167" href="/img/Icon-83.5@2x.png">
		<link rel="apple-touch-icon" sizes="180x180" href="/img/Icon-60@3x.png">
-->
		
		<!--[if gte IE 9]>
		  <style type="text/css">
		    .gradient {
		       filter: none;
		    }
		  </style>
		<![endif]-->
		
	</head>

	<body>
		
		<div id="main">
						<div id="content">
				<div class="container">
					<div class="row">
						<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
							<div class="form-window">
								<form>
								  <div class="form-group">
								    <label for="exampleInputTitle">Title</label>
								    <input type="text" name="message" class="form-control" id="exampleInputTitle" placeholder="Title">
								  </div>
								  <div class="form-group">
								    <label for="exampleInputMesage">Message</label>
								    <input type="text" name="message" class="form-control" id="exampleInputMessage" placeholder="Message">
								  </div>
								  <button type="submit" class="btn btn-primary pull-right">Notify!</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<footer>
		 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
			<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
			<script src="/js/notifier.js"></script>
			
			<script type="text/javascript">
			    $(document).ready(function() {
			        $("img").addClass("img-responsive");
			});
			</script>
		</footer>
	</body>
</html>